import { ListPage } from "custom/index";
import { getCustomerServiceExamScoresList, removeCustomerServiceExamScores } from './api'
import { addDialog, editDialog } from './dialog'

const page = new ListPage('CustomerServiceExamScores');

page
  .api(getCustomerServiceExamScoresList)
  .useSearch()
    .addInputItem('keyword', '客服名称/客服ID/客服花名/客服工号')
    .addItem({ prop: 'name', label: '客服名称' })
    .addItem({ prop: 'userId', label: '客服ID ' })
    .addItem({ prop: 'flowerName', label: '客服花名' }) 
    .addItem({ prop: 'no', label: '客服工号' })
    .addDictSelect({ prop: 'customGroup', label: '客服分组' }, 'customGroup')
    .addDatePicker({ prop: 'month', label: '月份', type: 'month', format: "YYYY-MM", valueFormat: "YYYY-MM" })  
    .end()
  .useTable()
    .useIndexColumn().end()
    .useColumn('month').label('月份').minWidth(100).sortable().end()
    .useColumn('userId').label('客服ID').minWidth(120).end()
    .useColumn('name').label('姓名').minWidth(140).end()
    .useColumn('flowerName').label('花名').sortable().minWidth(100).end()
    .useColumn('no').label('工号 ').minWidth(140).end()
    .useColumn('score').label('分数').minWidth(140).sortable().end()
    .useColumn('customGroupName').label('分组').minWidth(180).end()
    .useColumn('createUserName').label('录入人').minWidth(140).end()
    .end()
  .usePagination()
    .end()
  .useAuthButton()
    .useItem('add').primary().content('新增').addRow(addDialog).end()
    .useItem('export').content('导出数据').exportExcel().end()
    .end()
  .useAuthColumn({ width: 110 })
    .useItem('edit').content('编辑').editRow(editDialog).end()
    .useItem('delete').content('删除').removeRow(removeCustomerServiceExamScores, row => [row.scoreId]).end()

export default page
